<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>
	<title><s:text name="head.estadisticas.usuarios_registrados.title"/></title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" type="text/css" href="css/hoja_general.css" media="screen, projection" />
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>	
	<script type="text/javascript" src="js/jquery.ui.datepicker-es.js"></script>	
	<script type="text/javascript" src="js/codigo_general.js"></script>
	<script type="text/javascript" src="js/codigo_estadisticas_usuarios_registrados.js"></script>
</head>

<body>
	<div id="contenedor">
		<jsp:include page="/backend/inc/cabecera.jsp" />
		<jsp:include page="/backend/inc/navegacion.jsp" />
		<div id="contenidos">
			<h2><s:text name="estadisticas.usuarios_registrados.titulo"/></h2>
			<div id="formulario" class="formulario">
				<h3><s:text name="estadisticas.buscador.titulo"/></h3>
				<form action="./usuariosRegistrados.action" method="post">
					<fieldset>
						<label for="tipo-busqueda"><s:text name="estadisticas.buscador.etiqueta_1"/>:<select id="tipo-busqueda" name="tipo">
							<option value="semana"<s:if test="%{tipo=='semana' || tipo==null}"> selected="selected"</s:if>><s:text name="estadisticas.buscador.desplegable_1.valor_1"/></option>
							<option value="mes"<s:if test="%{tipo=='mes'}"> selected="selected"</s:if>><s:text name="estadisticas.buscador.desplegable_1.valor_2"/></option>
						</select></label>
						<label for="desde"><s:text name="estadisticas.buscador.etiqueta_2"/>:<input id="desde" name="fechaInicio" type="text" class="texto fecha" value="${fechaInicio}" /></label>
						<button type="button" title="<s:text name="comun.boton.calendario.inicio.title"/>" class="calendario"><span><s:text name="comun.boton.calendario.text"/></span></button>
						<label for="hasta"><s:text name="estadisticas.buscador.etiqueta_3"/>:<input id="hasta" name="fechaFin" type="text" class="texto fecha" value="${fechaFin}" /></label>
						<button type="button" title="<s:text name="comun.boton.calendario.fin.title"/>" class="calendario"><span><s:text name="comun.boton.calendario.text"/></span></button>
						<input id="cuantos-busqueda" name="cuantos" type="hidden" class="oculto" value="10" />
						<button type="submit" title="<s:text name="estadisticas.buscador.boton.title"/>" class="tipo-2"><s:text name="comun.boton.buscar.text"/></button>
					</fieldset>
				</form>
			</div>
			<div class="datos">
				<h3><s:text name="estadisticas.subtitulo"/></h3>
				<form action="#" method="post">
					<div class="contenedor corta">
						<div class="contenedor">
							<s:if test="%{usuariosRegistrados.size>0}">
							<div id="chart_div"></div>
							<a class="excel" title="<s:text name="comun.link.excel.title"/>" href="./usuariosRegistrados_xls.action?nombre=<s:text name="estadisticas.usuarios_registrados.fichero"/>&tipo=${tipo}&amp;fechaInicio=${fechaInicio}&amp;fechaFin=${fechaFin}"><s:text name="comun.link.descargar.text"/></a>
							<table>
								<caption><s:text name="estadisticas.usuarios_registrados.caption"/></caption>
								<thead>
									<tr>
										<th scope="col"><s:text name="comun.resultados.campos.fecha"/></th>
										<th scope="col" class="especial" style="width:80px"><s:text name="comun.resultados.campos.usuarios"/></th>
									</tr>
								</thead>
								<tbody>
									<s:iterator value="usuariosRegistrados" status="fila">
									<tr<s:if test="#fila.odd==false"> class="par"</s:if>>
										<td><s:date name="fecha" format="dd/MM/yyyy" /></td>
										<td class="numero">${numero}</td>
									</tr>
									</s:iterator>
								</tbody>
							</table>
							</s:if>
							<s:else>
							<p><s:text name="estadisticas.no_hay"/></p>
							</s:else>			
						</div>
					</div>
				 </form>
			</div>
		</div>
	</div>
</body>
</html>